@charset "utf-8";
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,menu{margin:0;padding:0;}

*{box-sizing:border-box}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
em{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}
a,button,input,img{-webkit-touch-callout:none;}
img{/*pointer-events:none;*//*禁止图片的点击事件，例如长按保存图片*/}
input,select,textarea{outline:none;}
a{text-decoration:none;}
.fl{ float: left}
.fr{ float: right}
.clear{clear:both;} 
html,body{
/*禁止用户选择元素*/
-moz-user-select:none;
 -webkit-user-select: none;
-ms-user-select: none;
 -khtml-user-select:none; /*禁止元素点击出现半透明黑色背景*/
 -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
html {height: 100%;width: 100%;font-family: 'Microsoft YaHei','Heiti SC' ;outline: 0;-webkit-text-size-adjust:none;}
body {width:100%;height: 100%;margin: 0;position: relative;}
.clear_fix:after{
    content: "";
    display: block;
    clear: both;
}

//图片处理类
//宽度大于高度使用
.mel_poto_w {overflow: hidden;}
.mel_poto_w img {height:100%;position: absolute;left: 50%;transform: translateX(-50%);}
//宽度小于高度使用
.mel_poto_h {overflow: hidden;}
.mel_poto_h img {width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}